$(function() {
    //点击高亮
	$('div.cat_list li').live('click',function(){
		$(this).parent().find('li').removeClass('on');
		$(this).addClass('on');
	});
    //拖动排序
    $("ul.cat").sortable({
        update: function(event, ui) {
            var data = {
                'item_categories':[]
            }
            var catList = $(this).parent();
            catList.find("li").each(function(){
                data['item_categories'].push({
                    'id':$(this).attr('id'),
                    'new_pos':catList.find('li').index($(this))+1
                })
            });

            $.ajax({
                type: "put",
                async: true,
                url: "/item_categories/sort",
                contentType:"application/json",
                dataType: 'json',
                data: $.toJSON(data),
                success: function(data){
                //                    alert( "sort success " + msg );
                }
            });
        }
    }
    );
    //一级分类点击刷新下级分类
    $('#cat1 li span').live('click',function(){
        $.ajax({
            type:"get",
            async:true,
            url:"/item_categories/"+$(this).parent().attr('id')+"/children",
            contentType:"application/json",
            dataType: 'json',
            success: function(data){
                var cat2_html = "";
                $(data).each(function(){
                    cat2_html += "<li id='"+this['item_category']['id']+"'><span class='edit'>"+
                    this['item_category']['name']+"</span><a href='#' class='del'>删除</a>"+"</li>";
                });
                $('#cat2').html(cat2_html);
            }
        });
    });
    //点击编辑
    $('span.edit').live('click',function(){
        edit(this);
    })

    function edit(selector){
        $(selector).editable(submitEdit,{
            style: "inherit",
            submitdata: {
                _method: "put"
            },
            indicator : '保存中...',
            tooltip   : '单击编辑...',
            event     : "dblclick"
        });
    }
    function submitEdit(value, settings)
    {
        var edits = {};
        edits[settings.name] = [value];
        $.ajax({
            url: '/item_categories/'+$(this).parent().attr('id')+'.json',
            type: "PUT",
            data : edits,
            dataType : "json",
            success : function (data){
            }
        });
        return value;
    }

	//删除分类
	$('ul.cat li a.del').live('click',function(){
		if(confirm("你确定要删除此类别以及此类别的子类别和商品吗？")){
			var cat_id = $(this).parent().attr('id');
			var cat_item = $(this).parent();
			$.ajax({
				url: '/item_categories/'+cat_id+'.json',
				type: "delete",
				contentType:"application/json",
				dataType : "json",
				success : function (data){
					if(data['status'] == 'ok'){
						var cat_level = cat_item.parent().attr('id');
						if(cat_level == 'cat1'){
							$('#cat2').html("");
						}
						cat_item.remove();
					}
				}
			});
		}
	});
    //添加分类
    $('div.cat_box a.new_cat').click(function(){
        var cat_list = $(this).parent().find('ul');
        if(cat_list.attr('id') == 'cat1'){
            cat_list.append("<li><input type='text' size='20'/><a href='#' class='create'>确定</a><a href='#' class='cancel'>取消</a></li>");
        }else if(cat_list.attr('id') == 'cat2'){
            if($('#cat1 li.on').length){
                cat_list.append("<li><input type='text' size='20'/><a href='#' class='create'>确定</a><a href='#' class='cancel'>取消</a></li>");
            }
        }
    });

    $('ul.cat li a.cancel').live('click',function(){
        $(this).parent().remove();
    });

    $('ul.cat li a.create').live('click',function(){
        var cat_item = $(this).parent();
        var cat_list = cat_item.parent();
        var name = cat_item.find('input').val();
        var cat_level = 0;
        var sort_order = cat_list.find('li').index($(this).parent())+1;
        var parent_id = '';
        if(cat_list.attr('id') == 'cat1'){
            cat_level = 0;

        }
        else if(cat_list.attr('id') == 'cat2'){
            cat_level = 1;
            parent_id = $('#cat1 li.on').attr('id');
        }
		var data = {'name':name,
		'cat_level':cat_level,
		'parent_id':parent_id,
		'sort_order':sort_order};
		$.ajax({
			url:'/item_categories',
			type: 'POST',
			dataType : "json",
			data: data,
			success : function (data){
				cat_item.replaceWith("<li id='"+data['item_category']['id']+
				"'><span class='edit'>"+data['item_category']['name']+
				"</span><a href='#' class='del'>删除</a></li>");
			},
			error: function(data) {
			  alert('添加出错或已存在');
			}
		});
  });
});
